<template>
  <div>
    <!-- 酒店详情 -->
    <div class="hotel-list" style="margin-top:80px">
      <div class="center">
        <ul>
          <li>
            <img src="/img/hotel/1.jpg" />
            <a href="hotel_show.html" target="_blank">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
          <li>
            <img src="/img/hotel/2.jpg" />
            <a href="#">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
          <li>
            <img src="/img/hotel/3.jpg" />
            <a href="#">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
          <li>
            <img src="/img/hotel/4.jpg" />
            <a href="#">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
          <li>
            <img src="/img/hotel/5.jpg" />
            <a href="#">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
          <li>
            <img src="/img/hotel/6.jpg" />
            <a href="#">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
          <li>
            <img src="/img/hotel/1.jpg" />
            <a href="#">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
          <li>
            <img src="/img/hotel/1.jpg" />
            <a href="#">舟山喜来登绿城酒店</a>
            <h4>￥160</h4>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: null
    }
  },
  mounted () {
    this.getData()  
  },
  methods: {
    getData() {
      this.axios.get('/hotel/show').then(res=>{
        console.log(res);
        this.data = res.data
      })
    }
  },
};

</script>
<style scoped src="../assets/css/hotel.css">

</style>
<style lang="scss" scoped></style>
